<template>
  <h1>El-轮播图组件</h1>
  <el-carousel style="width:380px;">
    <el-carousel-item><img src="imgs/carousel1.jpg"style="width:100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel2.jpg"style="width:100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel3.jpg"style="width:100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel4.jpg"style="width:100%;"></el-carousel-item>
  </el-carousel>

  <el-carousel style="width:380px;" trigger="click">
    <el-carousel-item><img src="imgs/carousel1.jpg"style="width:100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel2.jpg"style="width:100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel3.jpg"style="width:100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel4.jpg"style="width:100%;"></el-carousel-item>
  </el-carousel>

  <el-carousel style="width:900px;" type="card" interval="2000" motion-blur="false">
    <el-carousel-item><img src="imgs/carousel1.jpg"style="width:100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel2.jpg"style="width:100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel3.jpg"style="width:100%;"></el-carousel-item>
    <el-carousel-item><img src="imgs/carousel4.jpg"style="width:100%;"></el-carousel-item>
  </el-carousel>


</template>

<script setup>

</script>


<style scoped>

</style>